<template>
  <div class="divRoot">
    <ty-icon icon="toyar ty-arrow-up-circle-fill" class="mw-10"></ty-icon>
  <ty-icon icon="toyar ty-arrow-down-circle-fill" class="mw-10"></ty-icon>
  <ty-icon icon="toyar ty-arrow-right-circle-fill" class="mw-10"></ty-icon>
  <ty-icon icon="toyar ty-arrow-left-circle-fill" class="mw-10"></ty-icon>
  <hr>
  <ty-icon color="red" icon="ty-arrow-up-circle-fill" class="mw-10"></ty-icon>
  <ty-icon color="yellow" icon="ty-arrow-down-circle-fill" class="mw-10"></ty-icon>
  <ty-icon color="green" icon="ty-arrow-right-circle-fill" class="mw-10"></ty-icon>
  <ty-icon color="blue"  icon="ty-arrow-left-circle-fill" class="mw-10"></ty-icon>
  <hr>
  <ty-icon style="color:red" icon="ty-arrow-up-circle-fill" class="mw-10"></ty-icon>
  <ty-icon style="color:yellow" icon="ty-arrow-down-circle-fill" class="mw-10"></ty-icon>
  <ty-icon style="color:green" icon="ty-arrow-right-circle-fill" class="mw-10"></ty-icon>
  <ty-icon style="color:blue"  icon="ty-arrow-left-circle-fill" class="mw-10"></ty-icon>
  <hr>
  <ty-icon :size="15" icon="ty-arrow-up-circle-fill" class="mw-10"></ty-icon>
  <ty-icon :size="20" icon="ty-arrow-down-circle-fill" class="mw-10"></ty-icon>
  <ty-icon :size="25" icon="ty-arrow-right-circle-fill" class="mw-10"></ty-icon>
  <ty-icon :size="30" icon="ty-arrow-left-circle-fill" class="mw-10"></ty-icon>
  </div>
</template>
<script setup>
import { TyIcon } from '@/package';

</script>
<style lang="less" scoped>
</style>
